<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.isProd?'':'dev--'%>youku</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1646724_z2gci6u5z9q.css">
    <% if(htmlWebpackPlugin.options.isProd){ %>
        <script type="text/javascript">
            /*处理bootswatch主题动态切换*/
            var btTheme=localStorage.getItem("bootswatchTheme");
            var style = document.createElement('link');
            style.rel = 'stylesheet';
            style.type = 'text/css';
            if (btTheme){
                style.href = 'https://bootswatch.com/4/'+btTheme+'/bootstrap.min.css';
            }else {
                style.href = 'https://bootswatch.com/_vendor/bootstrap/dist/css/bootstrap.min.css';
            }
            document.getElementsByTagName('HEAD').item(0).appendChild(style);
        </script>
        <!--bootstrap4-->
        <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/js/bootstrap.min.js"></script>

        <!--通过externals加载外部CDN资源-->
        <script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>
        <!-- 引入样式 -->
        <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
        <!-- 引入组件库 -->
        <script src="https://unpkg.com/element-ui/lib/index.js"></script>

    <% } %>
    <style>
        html body{
            background-color:rgba(0,0,0,0);
            min-width: 1050px;
        }
    </style>
</head>
<body>
<noscript>
    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
